<style type="text/css">
	.maksas{
		display:none;
		position:fixed;
		top:0;
		filter:alpha(opacity=60);
		/*background-color:#E0EAE9;*/
		z-index:1000;
		left:0;
		opacity:.5;
		-moz-opacity:.5
	}
	#doing{
	    width: 180px;
	    height: 180px;
	    position: fixed;
	    z-index: 10000;
	    background-color: #454444;
	    border-radius:5px;
	    display:none;
	    opacity:.7;
		-moz-opacity:.7
    }
    #doing_img{
    	width: 128px;
	    height: 128px;
		z-index: 10001;
		margin-top:18px;
		margin-left:26px;
    }
    .doing_text{
    	color: #F2E6E6;
    	text-align: center;
    	height: 34px;
    	line-height: 34px;
    	font-size: 15px;
    }
</style>
<!--遮罩层-->

<div class="maksa"></div>

<div class="maksas"></div>
<div id="doing"><img id="doing_img" src="/loading.gif"><div class="doing_text"></div></div>

<!--提示弹窗-->
<div class="popup" id="popup_1">
	<div class="popup_top">提示</div>
	<div class="popup_cont">保存成功！</div>
	<div class="popup_but">确定</div>
</div>

<!--提示弹窗-->
<div class="popup" id="popup_2">
	<div class="popup_top">提示</div>
	<div class="popup_cont"></div>
	<div class="popup_butA"  name="popup_but2">确定</div>
	<div class="popup_butB">取消</div>
</div>

<!--提示弹窗-->
<div class="popup" id="popup_3">
	<div class="popup_top">提示</div>
	<div class="popup_cont"></div>
</div>
<!--提示弹窗-->
<div class="popup" id="popup_4">
	<div class="popup_top">提示</div>
	<div class="popup_cont"></div>
	<div class="popup_butA" onclick="op(this)" io="" name="popup_but4">确定</div>
	<div class="popup_butB">取消</div>
</div>


<script>
	$(function(){
		$(".popup_but").click(function(){
			$(".maksa").hide();
			$(".popup").hide();
		})
		
		$(".popup_butA").click(function(){
			$(".maksa").hide();
			$(".popup").hide();
		})

		$(".popup_butB").click(function(){
			$(".maksa").hide();
			$(".popup").hide();
		})
	})

	function popubShow(data){
		data = data || "加載中";
		if (data == "加载中！") {
			data = "加載中";
		}else if(data == "加載中！"){
			data = "加載中";
		}
		$(".doing_text").html(data)
		$(".maksas").css("width",$(window).width());
		$(".maksas").css("height",$(document).height());
		$("#doing").css("left",($(window).width()-$("#doing").width())/2);
		$("#doing").css("top",($(window).height()-$("#doing").height())/2);
		$(".maksas").show();
		$("#doing").show();
	}
	
	function popubHide(){
		$(".maksas").hide();
		$("#doing").hide();
	}

		//提示信息弹窗
	function vinfo(data){
	    $(".maksa").css("width",$(window).width());
	    $(".maksa").css("height",$(document).height());
	    $(".maksa").show();
	    $(".popup").css("left",($(window).width()-$(".popup").width())/2);
	    $(".popup").css("top",($(window).height()-$(".popup").height())/2);
	    $("#popup_1").show();  //简单的触发弹窗事件如果要触发自己想要的弹窗 请修改选择器为ID选择器 两种弹框
	    $('.popup_cont').html(data);
	}

	//提示信息弹窗
	function vinfos(data){
	    $(".maksa").css("width",$(window).width());
        $(".maksa").css("height",$(document).height());
        $(".maksa").show();
        $(".popup").css("left",($(window).width()-$(".popup").width())/2);
        $(".popup").css("top",($(window).height()-$(".popup").height())/2);
        $("#popup_2").show();  //简单的触发弹窗事件如果要触发自己想要的弹窗 请修改选择器为ID选择器 两种弹框
        $('.popup_cont').html(data);
	}

	// 缩起搜索框
    function search(){
        $(".search-btn").children('.fa-angle-double-up').hide();
        $(".search-btn").children('.fa-angle-double-down').show();  
        $(".search-btn").prev(".search-content").hide('slow'); 
    }

    // $.ajaxSetup({
    // 	beforeSend:function(){popubShow()},
    // 	complete:function(){popubHide()},
    // })

</script>